<html><head>
  <title>NEGATED :hover pseudo-class</title>
  <style type="text/css">div.stub * { color: lime; text-decoration: none; }
div.stub > * > *:not(:hover) { color: black }
</style>
  <link rel="author" title="Daniel Glazman" href="http://glazman.org/">
  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
  <link rel="help" href="https://www.w3.org/TR/css3-selectors/#selectors"> <!-- bogus link to make sure it gets found -->
  <meta name="flags" content=" interact">
 </head>
 <body>
 <div class="stub">
  <p> <!--[ELEMENT('div.stub > * > *:not(:hover)')]--><span><!--[TEXT('div.stub > * > *:not(:hover)')]-->The color of this text should be green when the pointing device hovers over it.<!--[/TEXT('div.stub > * > *:not(:hover)')]--></span><!--[/ELEMENT('div.stub > * > *:not(:hover)')]--> </p>
  <p> <!--[ELEMENT('div.stub > * > *:not(:hover)')]--><a href="http://dummy.example.org/dummy"><!--[TEXT('div.stub > * > *:not(:hover)')]-->The color of this text should be green when the pointing device hovers over it.<!--[/TEXT('div.stub > * > *:not(:hover)')]--></a><!--[/ELEMENT('div.stub > * > *:not(:hover)')]--> </p>
 </div>

</body></html>